$(function () {
  // 进度条功能 
  // 7- 进度条功能 - 提升用户体验  - 公共功能 

  // 使用假进度条 
  // 请求发送前进度条开始动画， 请求完成后，进度条结束动画； 

  // 进度条插件：   NProgress.js    
  // NProgress.start() 动画开始 
  // NProgress.done() 动画开始 

  // 同一个页面同时发送多个请求如何处理？ 答案： 共用一个进度条 
  // 进度条 什么时候： 
  //  开始动画: 第一个ajax请求发送时， 
  //  结束动画：页面所有ajax请求都结束

  // ajax全局事件，监听整个页面的 
  // 1. ajaxStart  在开始一个ajax请求时触发
  // 2. ajaxSend在beforeSend回调函数之后触发
  // 3. ajaxSuccess在success回调函数之后触发
  // 4. ajaxError在error回调函数之后触发
  // 5. ajaxComplete在complete回调函数之后触发
  // 6. ajaxStop在ajax请求结束时触发

  //  开始动画: 第一个ajax请求发送时，
  $(document).ajaxStart(function () {
    NProgress.start();
  });
  //  结束动画：页面所有ajax请求都结束
  $(document).ajaxStop(function () {
    setTimeout(function () {
      NProgress.done();
    }, 800)
  })
  // 不显示小圆圈
  NProgress.configure({ showSpinner: false });
})